@import 'parameters';
@mixin clearfix {
  &:before,
  &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}

@mixin radius($radius:4px) {
  border-radius: $radius;
}

@mixin border($color:#ccc, $border:1px,$type:solid) {
  border: $border $type $color;
}

@mixin img-responsive($display: block) {
  display: $display;
  max-width: 100%;
  height: auto;
}

@mixin gradient-left() {
  background: -webkit-linear-gradient(right, #fff 0, #eee 100%);
  background: -moz-linear-gradient(right, #fff 0, #eee 100%);
  background: linear-gradient(to left, #fff 0, #eee 100%);
}

@mixin text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

@mixin text-ellipsis($line:2) {
  display: -webkit-box;
  -webkit-line-clamp: $line;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

%left {
  float: left;
}

%right {
  float: right;
}

%abs {
  position: absolute;
}

%abs-center {
  @extend %abs;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

%rel {
  position: relative;
}

%fix {
  position: fixed;
}

%flex{
  display:flex;
  align-items: center;
}

%flex-c{
  @extend %flex;
  justify-content: center;
}

%flex-a{
  @extend %flex;
  justify-content: space-around;
}

%flex-b{
  @extend %flex;
  justify-content: space-between;
}

@function rpx($value) {
  @return $value * 1rpx;
}
